<!DOCTYPE html>
<!-- saved from url=(0029)http://maplefan.cn/game.html -->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>maplefan - Love maplestory come maplefan!</title>

	 </head>
<style type="text/css" >
body{
	background:#6CC}
.title{
	text-align:center;}
.left{
	margin-top:0px;
	width:20%;
	height:800px;
	float:left;
	position:relative}
.left1{
	width:50%;
	height:700px;
	position:absolute;
	top:40px;
	right:0px;
	}
.left11{
	float:right;
	margin-top:60px;
	margin-right:20px;
	width:70px;
	height:70px;
	border-radius:100%;
	border:#CCC;
	text-align:center;
	line-height:100px}
.center{
	margin-top:0px;
	width:0%;
	height:0px;
	background:#6CC;
	float:left;}
#aa img{
	width:100%;
	height:100%;
	border-radius:100%;
}
#aa{
	transition:all 0.5s}
#aa:hover{
	width:115px;
	height:110px;}	
	
.right{
	margin-top:0px;
	width:20%;
	height:80px;
	float:left;
	position:relative;
	}
.right1{
	width:50%;
	height:700px;
	position:absolute;
	top:33px;
	left:0px;
	}
.right11{
	float:left;
	margin-top:60px;
	margin-left:830px;
	width:70px;
	height:70px;
	border:#CCC solid 1px;
	border-radius:100%;
	text-align:center;
	line-height:100px;
}
</style>
<body>
<div style="position:absolute; width:100%; height:100%; z-index:-1; left:0; top:0;">
<br>
<br>
<br>
<br>
<br>
<br>      
<center><img src="./maplefan/14.jpg"  > </center>
</div>    
<div class="title"><img src="images/m-game.png"/></div>
       <div style="height:100%; width:100%";>
       <div class="left">
       <div class="left1">
       <div class="left11" id="aa"><a href="game/flappy-bird/index.html"><img src="images/picture/1.png"/></a></div>
       <div class="left11" id="aa"><a href="game/fruit ninja/index.html"><img src="images/picture/2.jpg"/></a></div>
       <div class="left11" id="aa"><a href="game/hit the box/index.html"><img src="images/picture/3.jpg"/></a></div>
       <div class="left11" id="aa"><a href="game/mota/index.html"><img src="images/picture/4.png"/></a></div>
       <div class="left11" id="aa"><a href="game/plane/index.html"><img src="images/picture/5.jpg"/></a></div>
       </div>
       </div>
	   <div class="center">
       
       </div>
       <div class="right">
       <div class="right1">
       <div class="right11" id="aa"><a href="game/stanley1/index.html"><img src="images/picture/6.jpg"/></a></div>
       <div class="right11" id="aa"><a href="game/stanley2/index.html"><img src="images/picture/7.png"/></a></div>
       <div class="right11" id="aa"><a href="game/super mario/index.html"><img src="images/picture/8.jpg"/></a></div>
       <div class="right11" id="aa"><a href="game/tanke/index.html"><img src="images/picture/9.png"/></a></div>
       <div class="right11" id="aa"><a href="game/xiangqi/index.html"><img src="images/picture/10.jpg"/></a></div>
       </div>
       </div>
       </div>
</body>
</html>